<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app">
    <my-componet></my-componet>
</div>
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>

<script>
  Vue.component('my-componet',{
    template:'<div>{{message}}</div>',
      data:function (){
        return{
            message:'compoennt context'
        }
      }
    // template:'this is a component context'
  });


  var app = new Vue({
    el:'#app'
  })
</script>
</body>
</html>